<template>
	<!-- 遗传预测 -->
	<view class="geneticprediction">
		<view class="ycjcbgtag">
			<image class="ycjcbg" :src="photo_cdn+'/zpupload/static/gene/ycjcbg.png'" mode=""></image>
			<view class="ycjcbgview">
				<view class="problem">为什么要评估？</view>
				<view class="ycjc_bannericon flex ali-c jus-b">
					<view class="ycjc_bannername">遗传预测</view>
					<image class="ycjcmin" :src="photo_cdn+'/zpupload/static/gene/ycjcmin.png'" mode=""></image>
				</view>
				<view class="ycjmaxtit">子女的遗传情况需要结合你和伴侣的检测结果进行评估。</view>
			</view>
		</view>
		<view class="genet_main">
			<view class="tistxts">说明：评估结果可能会随着你和伴侣的检测结果的更新而发生变化。</view>
			<view class="ycjc_border_select ">
				<view class="flex ali-c ycjc_border_select_box">
					<view class="rounddot">
						<view class="ddot"></view>
						<view class="ddot"></view>
					</view>
					<view class="ycjc_border_select_l">
						<view class="flex ali-c jus-c">
							<view class="ycjc_border_tag">
								<image class="yrenborder" :src="photo_cdn+'/zpupload/static/gene/yrenborder2.png'" mode=""></image>
								<image class="yrenimgtx" src="https://p.qqan.com/up/2023-12/20231228823534544.jpg" mode=""></image>
							</view>
							<view class="ycjc_border_ren">本 人</view>
						</view>
						<view class="ycjc_border_tit ali-c flexc">
							<text>请购买基因检测</text>
							<image class="jiantoua" :src="photo_cdn+'/zpupload/static/gene/jtimgs.png'" mode=""></image>
						</view>
					</view>
					<view class="ycjc_border_select_r">
						<view class="flex ali-c jus-c">
							<view class="ycjc_border_ren ycjc_border_ren1">伴 侣</view>
							<view class="ycjc_border_tag">
								<image class="yrenborder" :src="photo_cdn+'/zpupload/static/gene/yrenborder1.png'" mode=""></image>
								<image class="yrenimgtx yrenimgtx1" src="https://p.qqan.com/up/2023-12/20231228823534544.jpg" mode=""></image>
							</view>
							
						</view>
						<view class="ycjc_border_tit ali-c flexc">
							<text>请选择你的伴侣</text>
							<image class="jiantoua" :src="photo_cdn+'/zpupload/static/gene/jtimgs.png'" mode=""></image>
						</view>
					</view>
				</view>
				<view class="borderkuang">
					<view class="borderkuang_text">请勿将近亲异性</view>
					<view class="borderkuang_text">作为伴侣进行评估</view>
				</view>
			</view>
			<view class="detection">
				<view class="detectionbtn">开始预测</view>
			</view>
			
		</view>
	</view>
</template>

<script>
	import config from "@/utils/config.js";
	let {photo_cdn} = config.baseUrl;
	export default {
		data(){
			return {
				photo_cdn
			}
		}
	}
</script>

<style lang="scss">
	@import "./geneticprediction.scss";
</style>